<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="css/slide.css"/>
    <script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
    <script type="text/javascript" src="js/slide.js"></script>
    <title>东方电子</title>
    <script type="text/javascript">
        $(document).ready(function() {
            $(".slideInner").slide({
                slideContainer: $('.slideInner a'),
                effect: 'easeOutCirc',
                autoRunTime: 5000,
                slideSpeed: 1000,
                nav: true,
                autoRun: true,
                prevBtn: $('a.prev'),
                nextBtn: $('a.next')
            });
        });
    </script>
</head>
<body>
<div class="china">
<div class="header">
    <div class="header-top">
        <div class="header-top-main">
            <img src="pic/东方电子_03.png" alt="">
            <p>
            <span>english</span>
            <span>english</span>
            <span>english</span>
            <span>
                <select name="" id="">
                    <option value="东方家族">东方家族</option>
                    <option value="东方家族">东方家族</option>
                    <option value="东方家族">东方家族</option>
                    <option value="东方家族">东方家族</option>
                </select>
            </span>
        </p>
        </div>
    </div>
    <div class="header-bottom">
        <div class="header-bottom-main">
            <p>
                <span><a href="#">首页</a></span>
                <span><a href="#">走进东方</a></span>
                <span><a href="#">新闻中心</a></span>
                <span><a href="#">产品与解决方案</a></span>
                <span><a href="#">人力资源</a></span>
                <span><a href="#">检测中心</a></span>
                <span><a href="#">采购中心</a></span>
                <span><a href="#">制造中心</a></span>
                <span><a href="#">客户服务</a></span>
                <!--<span><input type="text" placeholder="搜索"></span>-->
            </p>
            <form action=""><input type="text" placeholder="搜索"></form>
        </div>
    </div>
</div>

    <!--轮播-->
    <!--<div class="slides">-->
        <!--<div class="slideInner">-->
            <!--<a href="#" style="background: url(pic/slide1.jpg) no-repeat;">-->
                <!--&lt;!&ndash;<div class="moveElem img1" rel="0,easeInOutExpo">&ndash;&gt;-->
                <!--&lt;!&ndash;<img src="img/slide1p1.png" /> </div>&ndash;&gt;-->
                <!--&lt;!&ndash;<div class="moveElem img2" rel="150,easeInOutExpo"> <img src="img/slide1p2.png" /> </div>&ndash;&gt;-->
            <!--</a>-->
            <!--<a href="#" style="background: url(pic/slide2.jpg) no-repeat">-->
                <!--&lt;!&ndash;<div class="moveElem img1" rel="0,easeInOutExpo"> <img src="img/slide2p1.png" /> </div>&ndash;&gt;-->
            <!--</a>-->
            <!--<a href="#" class="slide3" style="background: url(pic/slide3.jpg) no-repeat;">-->
                <!--&lt;!&ndash;<div class="moveElem img1" rel="0,easeInOutExpo"> <img src="img/slide3p1.png" /> </div>&ndash;&gt;-->
                <!--&lt;!&ndash;<div class="moveElem img2" rel="150,easeInOutExpo"> <img src="img/slide3p2.png" /> </div>&ndash;&gt;-->
                <!--&lt;!&ndash;<div class="moveElem img3" rel="300,easeInOutExpo"> <img src="img/slide3p3.png" /> </div>&ndash;&gt;-->
            <!--</a>-->
            <!--<a href="#" style="background: rgb(113, 209, 231);">-->
                <!--&lt;!&ndash;<div class="moveElem img1" rel="0,easeInOutExpo"> <img src="img/slide1p1.png" /> </div>&ndash;&gt;-->
                <!--&lt;!&ndash;<div class="moveElem img2" rel="150,easeInOutExpo"> <img src="img/slide1p2.png" /> </div>&ndash;&gt;-->
            <!--</a>-->
            <!--<a href="#" style="background: rgb(178, 44, 44);">-->
                <!--&lt;!&ndash;<div class="moveElem img1" rel="0,easeInOutExpo"> <img src="img/slide1p1.png" /> </div>&ndash;&gt;-->
                <!--&lt;!&ndash;<div class="moveElem img2" rel="150,easeInOutExpo"> <img src="img/slide1p2.png" /> </div>&ndash;&gt;-->
            <!--</a>-->
        <!--</div>-->
        <!--<div class="nav">-->
            <!--<a class="prev" href="javascript:;"></a>-->
            <!--<a class="next" href="javascript:;"></a>-->
        <!--</div>-->
    <!--</div>-->

    <div class="banner-bottom">
        <img src="pic/东方电子_10.png" alt="">
        <img src="pic/东方电子_15.png" alt="">
        <img src="pic/东方电子_12.png" alt="">
        <img src="pic/东方电子_07.png" alt="">
    </div>

    <div class="news">
        <div class="news-neirong">
           <div class="biaoti">
               <h4>东方新闻</h4><a href="#">更多》</a>
           </div>
            <ul>
                <li>05/05 公司召开“两学一做” 学...</li>
                <li>05/05 公司召开“两学一做” 学...</li>
                <li>05/05 公司召开“两学一做” 学...</li>
                <li>05/05 公司召开“两学一做” 学...</li>
                <li>05/05 公司召开“两学一做” 学...</li>
                <li>05/05 公司召开“两学一做” 学...</li>
            </ul>
        </div>
        <div class="news-neirong">
            <div class="biaoti">
                <h4>采购中心</h4><a href="#">更多》</a>
            </div>
            <ul>
                <li>[招标]东方电子端子类物料招标采...</li>
                <li>[招标]东方电子端子类物料招标采...</li>
                <li>[招标]东方电子端子类物料招标采...</li>
                <li>[招标]东方电子端子类物料招标采...</li>
                <li>[招标]东方电子端子类物料招标采...</li>
                <li>[招标]东方电子端子类物料招标采...</li>
            </ul>
        </div>
        <div class="news-neirong">
            <div class="biaoti">
                <h4>东方视频</h4><a href="#">更多》</a>
            </div>
        </div>
    </div>

    <hr>
    <div style="width: 300px;height: 300px; background: #ff0000"></div>
    <div class="footer">
        <p>
            <span><a href="#">工作机会</a></span>
            <span><a href="#">网站地图</a></span>
            <span><a href="#">法律声明</a></span>
        </p>
        <p>Copyright 2012 东方电子集团有限公司 ALL Rights Reserved 鲁ICP备09103299号</p>
    </div>
</div>
</body>
</html>